<template>
  <div>
    <PatientCardSimple></PatientCardSimple>
    <van-form >
      <Select
      label-width="160"
        label="咳嗽、咳痰（超过1周）"
        v-model="address"
        is-link
        readonly
        input-align="right"
        placeholder="请您选择"
        :columns="columns"
      ></Select>
      <Select
        label="咯血或血痰"
        v-model="address"
        is-link
        readonly
        input-align="right"
        placeholder="请您选择"
        :columns="columns"
      ></Select>
      <Select
        label="发热"
        v-model="address"
        is-link
        readonly
        input-align="right"
        placeholder="请您选择"
        :columns="columns"
      ></Select>
      <Select
        label="胸痛"
        v-model="address"
        is-link
        readonly
        input-align="right"
        placeholder="请您选择"
        :columns="columns"
      ></Select>
      <Select
        label="夜间盗汗"
        is-link
        readonly
        input-align="right"
        placeholder="请您选择"
      ></Select>
      <Select
        label="食欲不振"
        is-link
        readonly
        input-align="right"
        placeholder="请您选择"
      ></Select>
      <Select
        label="乏力"
        is-link
        readonly
        input-align="right"
        placeholder="请您选择"
      ></Select>
      <Select
      label-width="160"
        label="体重减轻（超过6斤）"
        is-link
        readonly
        input-align="right"
        placeholder="请您选择"
      ></Select>
      <Select
        label="查验卡痕"
        is-link
        readonly
        input-align="right"
        placeholder="请您选择"
      ></Select>
      <van-field
        label="医生签字"
        input-align="right"
        placeholder="请填写姓名"
      />
      <van-field name="uploader" label="个人图像">
        <template #input>
          <van-uploader v-model="value" max-count="1" />
        </template>
      </van-field>
      <div style="margin: 16px">
        <van-button block type="primary" native-type="submit">
          保存
        </van-button>
      </div>
    </van-form>
  </div>
</template>

<script>
import { defineComponent } from "vue";
import Select from "@/components/common/select.tsx";
import PatientCardSimple from "@/components/common/PatientCardSimple.vue";
export default defineComponent({
  name: "Center",
  components: {
    Select,
PatientCardSimple
  },
  setup() {
    return {};
  },
});
</script>

<style lang="scss">
@import '@/styles/variables.scss';
.card {
  background: rgb(242, 250, 253);
  padding: map-get($spaces, sm);
  border-radius: map-get($radii, default);
}

</style>
